<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html style="overflow-x:hidden;overflow-y:auto;"><head>
<title>积分兑换</title>		
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">        
<!-- Mobile Devices Support @begin -->
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/singlePage/NewsMuBan/css/list2.css" />
<script src="${ctxStatic}/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function tips_pop(){
	
	
	  var MsgPop=document.getElementById("winpop");
	  var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字
	   if (popH==0){
	   MsgPop.style.display="block";//显示隐藏的窗口
	  show=setInterval("changeH('up')",2);
	   }
	  else { 
	   hide=setInterval("changeH('down')",2);
	  }
	}
	function changeH(str) {
	 var MsgPop=document.getElementById("winpop");
	 var popH=parseInt(MsgPop.style.height);
	 console.log(popH);
	 if(str=="up"){
	  if (popH<=100){
	  MsgPop.style.height=(popH+220).toString()+"px";
	  }
	  else{  
	  clearInterval(show);
	  }
	 }
	 if(str=="down"){ 
	  if (popH>=4){  
	  MsgPop.style.height=(popH-220).toString()+"px";
	  }
	  else{ 
	  clearInterval(hide);   
	  MsgPop.style.display="none";  //隐藏DIV
	  }
	 }
	}
	window.onload=function(){//加载
	document.getElementById('winpop').style.height='0px';

	}
</script>
</head>
<body style="background:#f5f5f5;margin:0px;">
<div class="list2">
 <img src="${ctxStatic }/shopping/singlePage/NewsMuBan/images/qw.jpg">
</div>
<div class="lay_page ">

        <div class="lay_page_wrap">
            <div class="fn_indexad">
            <c:forEach items="${map }" var="scoreEx" varStatus="var"  >
              <div class="item_show_type2 content">
                  <div  >
                      <a href="${ctxFront}/member/toexchangeByShopping?uid=${uid}&wechatId=${wechatId}&userId=${scoreEx[0].user.id}" class="item_img <c:if test="${var.index%2 eq 0 }">right</c:if> <c:if test="${var.index%2 eq 1 }">left</c:if>">
                          <img src="${ctxUser}/score/${scoreEx[0].showPic }">
                      </a>
                      
                      <div class="tab_content <c:if test="${var.index%2 eq 0 }">content_left</c:if> <c:if test="${var.index%2 eq 1 }">content_right</c:if>">
                          <a href="${ctxFront}/member/toexchangeByShopping?uid=${uid}&wechatId=${wechatId}&userId=${scoreEx[0].user.id}" class="tab_banner">
                              <span style="font-size:18px;"  >${scoreEx[0].user.name }</span>
                              <div class="arrow_right1"></div>
                          </a>
                          <div class="tab_container"  onclick="tips_pop('${scoreEx[0].user.descriptionByShopping }')"    style="font-size:12px;"  >
                          <c:if test="${fn:length(scoreEx[0].user.descriptionByShopping) <=52  }">${scoreEx[0].user.descriptionByShopping }</c:if>
                          <c:if test="${fn:length(scoreEx[0].user.descriptionByShopping) >52  }">${ fn:substring(  scoreEx[0].user.descriptionByShopping, 0, 52) }...</c:if>
                          </div>
                      </div>
                  </div>
              </div>
            </c:forEach>
       </div>
    </div>
    </div>
</body>
</html>


<style>

#winpop { width:80%; height:0px; position:fixed; right:10%; top:24%; background:#fc6000;border-radius:15px; margin:0; padding-top:10px;overflow:hidden; display:none;_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
#winpop .title { width:100%; height:22px; line-height:20px; padding-left:2%;padding-right:2%;padding-top:10px;padding-bottom:10px;font-weight:bold;  font-size:16px;color:#fff}
#winpop .con { width:96%; font-size:12px; color:#fff; text-decoration:none;padding-left:2%;padding-right:2%;line-height:20px;}
#silu { font-size:12px; color:#fff; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}
.close { position:absolute; right:10px; top:15px; color:#ff0; cursor:pointer;height:20px;width:20px;}
.daoji{ background:red;color:#fff;font-size:16px;font-weight:bold; position:relative;width:16%;top:0px;right:0px;;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.8; text-align:center;height:30px;padding-top:10px;}


</style>
<input type="hidden"  id="end_time"  value="<fmt:formatDate value="${product.endTime }" type="both"/>"  >  
<input type="hidden"  id="nowDate"  value="${nowDate}"  >  
<div id="winpop" style="overflow-y:auto" >
 <div class="title">商家信息<span class="close"     onclick="tips_pop()">X</span></div>
 <div class="con" >
 <form id="loginForm"   action="${ctxMember}/login" method="post">
	        <div class="login_form">
	       
	            <div class="uinArea">
	               姓名: <input type="text" id="username" name="username" class=" inputstyle" value="${member.name}" >
	            </div>
	            <div class="uinArea">
	               手机:  <input type="text" id="mobile" name="mobile" class="inputstyle" />
	            </div>
	            <div class="uinArea" style="clear:both;margin-left:80px;">
	               <div class="btn_wrap">
	                 <input name="" class="btn btn_cart" onclick="submitTry()" value="申   请"  type="button"  style="margin-bottom:10px;border:none"  />
	               </div>
	            </div>     
	        </div>              
	   </form>
</div>
</div>
